import {Component, ViewChild} from '@angular/core';
import {NzMessageService} from 'ng-zorro-antd';
import {ModalHelper} from '@delon/theme';
import {SimpleTableComponent, SimpleTableColumn} from '@delon/abc';
import {ExtrasPoiEditComponent} from './edit/edit.component';

@Component({
    selector: 'app-extras-poi',
    templateUrl: './poi.component.html',
})
export class ExtrasPoiComponent {
    @ViewChild('st') st: SimpleTableComponent;
    s: any = {
        pi: 1,
        ps: 10,
        s: '',
    };
    url = '/pois';
    columns: SimpleTableColumn[] = [
        {title: '编号', index: 'id', width: '100px'},
        {title: '门店名称', index: 'name'},
        {title: '分店名', index: 'branch_name'},
        {title: '状态', index: 'status_str', width: '100px'},
        {
            title: '操作',
            width: '180px',
            buttons: [
                {
                    text: '编辑',
                    type: 'modal',
                    component: ExtrasPoiEditComponent,
                    paramName: 'i',
                    click: () => this.msg.info('回调，重新发起列表刷新'),
                },
                {text: '图片', click: () => this.msg.info('click photo')},
                {text: '经营SKU', click: () => this.msg.info('click sku')},
            ],
        },
    ];

    constructor(public msg: NzMessageService, private modal: ModalHelper) {
    }

    add() {
        this.modal
            .static(ExtrasPoiEditComponent, {i: {id: 0}})
            .subscribe(() => {
                this.st.load();
                this.msg.info('回调，重新发起列表刷新');
            });
    }
}
